<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <h:head>
        <title>ROSCO</title>
        <h:outputStylesheet library="css" name="estilo.css"/>
        <h:outputStylesheet library="css" name="skin.css"/>
    </h:head>
    <h:body>
        <h:form>

            <div id="wrapper">
                <div id="contenido2">
                    <div id="lateral1">
                        <h:graphicImage library="images" name="logo.png" styleClass="image2"/>
                    </div>
                    <div id="lateral2">
                        <h:inputText value="#{buscadorMB.consulta}" size="80" styleClass="cuadroTexto2"/>

                        <h:commandButton value="Buscar" action="#{buscadorMB.buscar}" styleClass="searchButton"/>
                        <h:commandButton value="Tengo Fe" styleClass="luckButton">
                            <p:fileDownload value="#{buscadorMB.tengoFe}"/>
                        </h:commandButton>




                        <p:dataTable var="valor" value="#{buscadorMB.valoracionArray}" rows="10" paginator="true"
                                     paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}" styleClass="tabla">

                            <p:column>
                                <span id="spanTabla">
                                    <h:graphicImage library="images" name="#{buscadorMB.obtenerGraficoExtension(valor.documento.nombre)}" styleClass="imageTabla"/>
                                    <h:commandLink value="#{valor.documento.nombre}" style="margin-bottom: 15px">
                                        <p:fileDownload value="#{buscadorMB.obtenerArchivoPrime(valor.documento)}"/>
                                    </h:commandLink>

                                </span>


                                <p:progressBar widgetVar="pbClient" style="width:200px; height: 10px; display:block" ajax="true" value="#{valor.valoracion * 100}"/>



                            </p:column>


                        </p:dataTable>
                    </div>

                </div>
            </div>
        </h:form>
    </h:body>

    <script type="text/javascript">
        function start()


    </script>
</html>

